/***********************************************************************
* retro-205/emulator D205CardatronInput.css
************************************************************************
* Copyright (c) 2015, Paul Kimpel.
* Licensed under the MIT License, 
*       see http://www.opensource.org/licenses/mit-license.php
************************************************************************
* Datatron 205 emulator Cardatron Input Unit web interface style sheet.
************************************************************************
* 2015-01-31  P.Kimpel
*   Original version, from retro-b5500 B5500CardReader.css.
***********************************************************************/

#readerBody {
    height:             100%;
    min-height:         100%;
    overflow:           hidden;
    padding:            0}

#CIDiv {
    position:           absolute;
    top:                0;
    bottom:             0;
    left:               0;
    right:              0;
    margin:             4px}

#CIStopBtn {
    position:           absolute;
    top:                8px;
    left:               8px}

#CIStartBtn {
    position:           absolute;
    top:                8px;
    left:               76px}

#NoFormatLamp {
    top:                16px;
    left:               160px}
    
#StartMachineLamp {
    top:                0;
    left:               208px}
#ReloadLockoutLamp {
    top:                0;
    left:               240px}
#FormatLockoutLamp {
    top:                0;
    left:               272px}
    
#FormatSelect4Lamp {
    top:                28px;
    left:               208px}
#FormatSelect2Lamp {
    top:                28px;
    left:               240px}
#FormatSelect1Lamp {
    top:                28px;
    left:               272px}
    
#FormatSelectDiv {
    position:           absolute;
    text-align:         center;
    font-size:          5pt;
    font-weight:        bold;        
    top:                16px;
    left:               304px}
#FormatColumnDiv {
    position:           absolute;
    text-align:         center;
    font-size:          5pt;
    font-weight:        bold;        
    top:                16px;
    left:               388px}

#ClearBtn {
    top:                8px;
    right:              8px}
#ClearBtnCaption {
    top:                44px;
    right:              8px;
    width:              32px}

#CIStackerDiv {
    position:           absolute;
    top:                58px;
    left:               8px;
    right:              8px;
    bottom:             auto}

#CIFileSelector {
    width:              100%;
    color:              white;
    border:             1px solid white}

#CIHopperBar {
    margin-top:         4px;
    width:              100%;
    height:             16px;
    border:             1px solid white}

#CIHopperCaption {
    position:           absolute;
    right:              4px;
    top:                30px;
    z-index:            1;
    height:             12px;
    color:              black;
    font-weight:        bold}

#CIOutHopperFrame {
    margin-top:         4px;
    width:              100%;
    height:             35px;
    border:             1px solid white}
